window.onscroll = scroll;
scroll();
function scroll() {
    //获取所有元素，这里是图片
    var oimg = document.querySelectorAll("img");
    //遍历所有图片
    for (var i = 0; i < oimg.length; i++) {
        //如果在内部，就改变src的路径
        if (isVisible(oimg[i])) {
            oimg[i].setAttribute("src", oimg[i].dataset.src);
        }
    }
}
//封装函数来判断是否在可视区内部，用来作为上面的条件
function isVisible(el) {
    //获取滚动距离
    var sTop = document.documentElement.scrollTop || document.body.scrollTop;
    //获取可视区高度
    var cHeight = document.documentElement.clientHeight;
    //判断，如果满足在内部的条件，就返回true,来当做上面的条件
    if (sTop + cHeight > aTop(el)) {
        return true;
    } else {
        return false;
    }
}
//调用封装函数来获取元素相对于页面顶部的距离
function aTop(el) {
    var top = 0;
    while (el) {
        top += el.offsetTop;
        el = el.offsetParent;
    }
    return top;
}


//回到顶部